<template>
  <view id="remark">
      <view>
          <textarea maxlength='100' placeholder="请输入" v-model="value" @input="inputC"> </textarea>
          <text>{{value.length}}/100</text>
          
      </view>
      <view class="btn" @click="save"> 保存</view>
  </view>
</template>

<script>
export default {
    data(){
        return{
            value:""
        }
    },
    onLoad(options){
        this.value = options.mark
    },
    methods:{
        inputC(){
       
        },
        save(){
            uni.$emit("remark",this.value)
            uni.navigateBack()
        }
    }
}
</script>

<style lang="scss" scoped>
#remark{
    >view{
        margin-top: 20rpx;
        position: relative;
        textarea{
            background: #fff;
            width: 100%;
            padding: 10rpx;
            font-size: 24rpx;
        }
        text{
            position: absolute;
            right: 20rpx;
            bottom: 20rpx;
            color: #a4a8b7;
            font-size: 24rpx;
        }
    }
    .btn{
        width: 60%;
        text-align: center;
        line-height: 60rpx;
        color: #fff;
        background: #3088FF;
        border-radius: 10rpx;
        font-size: 26rpx;
        margin:20rpx auto;
    }
}
</style>